/**
 * Created by QianQi on 2016/6/2.
 */
$(function(){
    var bgListObj;
    var bgListEl=$('.bgList');
    bgListEl.on('tap.sel','.bgItem',toggleActive);// 点击切换选中效果
    $('#sendBtn').click(send);// 发送
    initBgList();

    function initBgList(){
        var args = {};
        if(bgListObj){
            bgListObj.reset({
                args:args
            });
        }else{
            bgListObj=$('.dragWrap').initDragList({
                url:'../_json/data_page.json'
                ,args:args
                ,afterFlip:drawBgList
            });
        }
    }
    function drawBgList(datalist,pageObj,data){
        console.log(datalist,pageObj);
        var contEl=$('.dragCont');
        var str = ''
            ,startNo=(pageObj.curpage-1)*pageObj.percount+1;
        for(var i= 0,item;i<datalist.length;i++){
            item = datalist[i];
            str+='<div class="bgItem" data-id="'+item['ID']+'">' +
                '<div class="bgItem-l">' +
                '<h5>今天</h5><p>'+item['date']+'</p></div>' +
                '<div class="bgItem-c"></div>' +
                '<div class="bgItem-r">' +
                '<h5>'+(startNo+i)+' '+item['name']+'</h5><p>'+item['name']+'</p>' +
                '</div></div>';
        }
        if(pageObj.curpage==1){
            contEl.find('.bgItem').remove();
        }
        contEl.find('.loadmore').before(str);
        $('.loadmore').html(pageObj.totalpage==pageObj.curpage ? '没有更多数据了' : '向上拖拽显示更多数据');
    }
    function send(){
        var ids=[];
        bgListEl.find('.bgItem.active').each(function(){
            ids.push($(this).attr('data-id'));
        });
        if($('#email').validate({
            'required':true
        }) && ids.length){
            console.log(ids);
            // 发送
        }
    }
    function toggleActive(){
        $(this).toggleClass('active');
    }
});